<template>
  <div class="shouxinxinxi" style>
    <dv-scroll-board :config="config" style="height:250px" />
  </div>
</template>
<script>

import axios from 'axios'

export default {
  name: "zijinshiyongxinxi",
  components: {},
  data() {
    return {
      config: {
        headerBGC: '#5555',
        oddRowBGC: '#003B5155',
        evenRowBGC: '#0A273255',
        columnWidth: [80,80,80,80,80],
        header: ["项目名称", "申请金额", "可用额度", "还款总金额",'还款状态'],
        data: [
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
          ["测试企业", "90万元", "100万元", "2021-8.7 12:50"],
        ]
      }
    };
  },
  computed: {},
  watch: {},
  mounted() {
    this.loadData()
  },
  methods: {
    loadData() {
      let _this = this;
      axios({
        url: "http://39.103.184.219:19007/api/emp/applicantListPage",
        method: "post",
        headers: { "Content-Type": "application/json" },
        data: {
          current: 1,
          empId: "140500925346824192",
          limit: 10,
        },
      }).then((res) => {
        let aaa = {
        headerBGC: '#5555',
        oddRowBGC: '#003B5155',
        evenRowBGC: '#0A273255',
        columnWidth: [80,80,80,80,80],
        header: ["项目名称", "申请金额", "可用额度", "还款总金额", '还款状态'],
        data: [
        ]
      }
        res.data.rows.map((item) => {
          aaa.data.push([
            item.projectName,
            item.applicationAmount,
            item.availableQuota,
            item.paidAmount,
            item.repaymentStatusDesc,
          ]);
        });
        _this.config = aaa;
      });
    },
  }
};
</script>
<style lang='scss' scoped>
.shouxinxinxi {
  padding: 10px;
}
</style>